﻿@import "eservices.css";
@import "organismes.css";
@import "mediaagenda.css";
@import "newsecteurs.css";
@import "new-projetsphares.css";

@import "mediaquery.css";
@import "menugauche.css";



@import "top-header.css";
@import "langue.css";
@import "header-megamenu.css";
@import "megamenu_tabs.css";
@import "menumobile.css";
@import "bannerheader.css";
@import "carouselplusactivite.css";
@import "activitesroyalehome.css";
@import "agendahome.css";
@import "webtv.css";
@import "bannerbashome.css";
@import "e-services.css";
@import "e-secteurs.css";
@import "carteplusprojetphares.css";
@import "projetsphares.css";
@import "footer.css";
@import "copyright.css";
@import "moteurderecherche.css";

@import "search_mobile.css";


@import url('https://fonts.googleapis.com/css?family=Raleway');

/***** Refonte Interne Start ***/
@import "sp-title.css";
@import "container.css";
@import "interne.css";
@import "carousel-interne.css";


body #s4-bodyContainer {
    min-width: 100% !important;
    padding-bottom: 0px !important;    
}
input[type=button], input[type=reset], input[type=submit], button {
    min-width:inherit !important;
    padding: 7px 10px;
    border:0px !important;
    background-color: transparent !important;
    }
.new-projetsphares .title{
    background-color:transparent !important;
    color:white !important;
}

.procesurez {
    font-family: "Montserratregular" !important;
    font-weight: bold !important;
}

.newcarousel .carousel .carousel-caption-header {   
    min-height: 43px !important;

}



body #s4-workspace {
    overflow-y: inherit !important;
    overflow-x: inherit !important;
    position: relative;
    left: 0px;
    height: auto !important;
}

  
 
  @font-face {
	font-family: "Montserratregular";
	src: url("fonts/Montserrat/Montserrat-Regular.ttf");
	
  }

  @font-face {
	font-family: "MontserratMedium";
	src: url("fonts/Montserrat/Montserrat-Medium.ttf");
	
  }


  @font-face {
	font-family: "MontserratSemiBold";
	src: url("fonts/Montserrat/Montserrat-SemiBold.ttf");
	
  }
  @font-face {
	font-family: "Montserratbold";
	src: url("fonts/Montserrat/Montserrat-Bold.ttf");
	
  }
  @font-face {
	font-family: "MontserratExtraBold";
	src: url("fonts/Montserrat/Montserrat-ExtraBold.ttf");
	
  }

body
{
overflow:visible !important;
font-family: "Montserratregular";
	

background-color:#e6eaf0;


}
.ContainerMain {
    background-image: url("/PublishingImages/MEE_old/icon/bg-site.png") !important;
    clear: both;
    margin-top: 0px;
    float: left;
    width: 100%;
}.containerInterne {
  background-image: url("/PublishingImages/MEE_old/icon/bg-sitev4.png") !important;
  margin-top:56px;
  background-repeat: no-repeat;
}
.nopadding
{
	padding-left:0px;
	padding-right:0px;
}

.container
{
	width: 1200px;
}







.pagination {
    color: #373737 !important;
    display: inline;
    float: left !important;
    font-family: "Open Sans",tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.pagination a {
    color: #373737;
    font-weight: normal;
    text-decoration: none;
    padding: 8px 13px;
    background:white;
}
.pagination a:hover {
    color: #373737 !important;
    text-decoration: underline;
}
.pagination ul {
    color: #373737 !important;
    font-family: "Open Sans",tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-left: 200px;
    text-align: center;
    width: 350px;
}
.pagination li {
    
    display: inline;
    float: left !important;
    font-family: "Open Sans",tahoma;
    font-size: 12px;

    font-weight: bold;
    padding: 3px;
    text-align: center;
}
.pagination li a {
    color: #373737;
    font-weight: normal;
    text-decoration: none;
}
.pagination li a:hover {
    color: #373737 !important;
    text-decoration: underline;
}
div.pagination span.current  {
    background-color: #ffffff !important;
    border: 1px solid #ebebeb !important;
    color: #373737 !important;
    font-weight: bold !important;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #ebebeb !important;
    border-radius: 5px;
    margin-left: 3px;
    padding: 5px 10px;
}

.bottom.pagination span.current {
    border: 1px solid gray !important;
    padding: 8px 13px;

}



.bottom.pagination a {
    color:#373737 !important;
    font-size:18px !important;
   
}



@media (max-width: 1541px) {
}
@media (max-width: 1200px) {
.container{
	display:block;
	width:100% !IMPORTANT;
	
}
}

@media (max-width: 1024px) {
.container{
	display:block;
	width:100%;
	
}
}
@media (max-width: 992px) {
.serch{
	display:none;
}

}

@media screen and (max-width: 768px) {
body #s4-bodyContainer {
    min-width: 100%;
}
#imageFullScreen {
    margin-left: 0px !important;
    width: 100%;
}
img#imageDetail {
    width: 100%;
}
}








